19 Slick Slideshow With HTML5 Tools

1. Responsive Gridfolio

featured image

Support for multiple categories, of course it can still be used with a single category as before. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a CSS background slideshow under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS background color opacity and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Titan Lightbox

featured image

It is built around jQuery & HTML5 and is both easy to implement and customize.If you are rating it with less than 5 stars please drop me a mail why it didn’t achive a full score and what could be improved in your opinion

Slideshow for galleries with autoplay.Works great with all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 7 and above.

More Details

4. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS image gallery and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

5. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.HTML5 Support to play self hosted videos

Powerful CSS Transitions with jQuery FallBack

Strapslide comes with 5 main templates with both Bootstrap 2 and 3 mark-up.Slideshow Design

More Details

6. JQuery Thumbnail Gallery With LightBox

featured image

Comes in two layout types (grid and line, vertical and horizontal), with scroll (jScrollPane) or button navigation. Toggle inner slideshow number (start/stop)

Responsive Video Gallery HTML5 Youtube Vimeo

JQuery Thumbnail Gallery With Lightbox

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

7. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

Nova Gallery is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Plays audio and video natively in modern HTML5 browsers and switches over to Flash/Silverlight for older browsers by using Mediaelement. True HTML5 Fullscreen option in supported browsers. Multiple options are provided to pull photos from Flickr/Picasa along with the option to cache the API data. The gallery is mobile device friendly with touch screen support. Can also work with a single mode. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set. Also some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers. The free JavaScript photo gallery script has been tested and is fully compatible with jQuery 1. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. Updated the lightbox plugin jQuery so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.

More Details

8. Responsive Video Gallery HTML5 Youtube Vimeo

featured image

Player supports HTML5 and flash video player backup, Youtube and Vimeo with multiple layout configurations. Optional deeplinking with jquery address for improved SEO. Supports HTML5 and jQuery lightbox download backup, Youtube and Vimeo

Optional deeplinking with jquery address

HTML5 Video & Image Background Intro

JQuery Thumbnail Gallery With Lightbox

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

9. Bugibba Slide

featured image

Bugibba SlideShow easy to use slider with awesome 3D transition effects.-2 type menu slideshow responsive.-1 type slideshow full screen

-Compatible with all major browsers (IE7-IE8 and above , Chrome, Firefox, Safari and Opera)

More Details

10. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. This wordpress plugin url has been developed in a cooperation with

This Drupal plugin has been developed in a cooperation with

net/3d-html5-slider/

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow

Developed with pure object oriented javascript.I’m extremely satisfied with my purchase and i’m really surprised with the quality and really hard work that was put it in.Add new feature: Shuffle mode for slideshow

Fixed issue with PNG images in IE8 and IE7

Fixed issue with Android browser

Fixed issue with jQuery slideshow wordpress in iOS

More Details

11. HTML5 Random Gallery Slideshow

featured image

The HTML5 Random Gallery Slideshow is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Random Gallery Slideshow comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link. This HTML5 Random Gallery Slideshow plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file.jpg) so you can replace them with your own graphics, the button graphics can be have a different shape, basically the look of this gallery can be completely modified. Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop the slideshow with the space key. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional). The image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter what device is used or the screen resolution, the text will always be visible, if there is too much text on pc a scrollbar will appear and on mobile the text can be scrolled with the finger.

More Details

12. ZoomFlow - Banner Rotator / Teaser

featured image

Easy to install and compatible with major browsers, including IE, ZoomFlow it’s the perfect plugin for your portfolio.HTML5 technology - this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients

SEO friendly – built with image search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget

slideshow mode – display images in a slideshow

iPod, iPhone, iPad, Android optimized – iOS and Android work great with this gallery

More Details

13. Royal 3D Carousel

featured image

Fully responsive 3D carousel that allows to display media or image slider HTML with an unique and original layout. Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. Royal 3D Carousel can be used in any type of popup HTML page jQuery including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with HTML image slider and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress). Three skins along with the PSD files included!

More Details

14. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

Show your work at high resolution with fullscreen toggling capability, complete with slideshows.All of this comes with a lifetime of free support and updates. Autoplay slideshow option

More Details

15. Draggable Infinite Grid with Lightbox

featured image

The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Easy installation and full documentation included, the grid playlist is constructed from <ul> elements which makes it easy to set up manually or to be generated from a database or any other type of data structure, this grid can be installed and used by designers or developers with ease. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript; basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

16. HTML5 Flow Responsive Slider

featured image

The HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make the slider adapt the width and height based on the html element into which is embedded so for example if you want to add the slider in a div and that div has a 100% height the slider will adapt based on that, this is a unique and amazing feature. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link

This HTML5 Flow Responsive Slider plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file.jpg) so you can replace them with your own graphics, the button graphics can be have a different shape, basically the look of this slider can be completely modified. Small buttons with numbers or scrollbar support to navigate between images (optional). Slideshow preloader bar, the color and opacity for this bar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop the slideshow with the space key. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).

More Details

17. Slider Revolution Responsive jQuery Plugin

featured image

Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Align of Layers with simple Settings

Using CSS Animation with FallBack to jQuery

Vimeo & Youtube and youtube HTML5 video player Supported

Full Screen Video with Autoplay function

Estancia Responsive HTML5 Theme (ignitethemes)

Reverance Responsive HTML5 Church Theme (ignitethemes)

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and wordpress youtube gallery

Feature: HTML5 Video (videoJS) and added data- options like

option added to laod the HTML5 js files via videoJsPath:”rs-plugin/videojs/”

Feature: Horizontal and Vertical Offsets for Aligns ( Only works with Aligns together voffset and hoffset)

the height of fullscreen slider will be decreased with the height of the #header to fit perfect in the screen !)

Use the “tp-scrollbelowslider” class for inside captions with the data-scrolloffset=”xx” data field, to increase/decrease the offset position where to scroll

New Documentation, With updated data- values

bug fix: Fixed Transition issues with timing and layout.Bug Fix: Safari on pc Slider with links creates huge Memory Leaks.bug fix: fixed IE10 Crash with some Transition

9 to resolve the conflicts with isoTope, Foundation and Widgekit plugins

Fullscreen Video with AutoPlay added

API added with methodes like next, prev, maxslide, pause,resume, show and event handling added like slide.IE8 Halo Errors has been repaired (some CPU Heavy animation is automatically replaced with simple animations instead in IE8)

Added: YouTube and Vimeo api only loaded if there is any iframe with these videos.Feature added: Random Transitions with random Slots can be used now

More Details

18. HTML5 Slideshow Gallery Thumbnails XML

featured image

What is HTML5 slideshow jQuery Gallery Thumbnails XML?

The slideshow HTML5 Gallery Thumbnails XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The free HTML5 slideshow Gallery Thumbnails XML comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link

This HTML5 slideshow example Gallery Thumbnails XML plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file.jpg) so you can replace them with your own graphics, the button graphics can be have a different shape, basically the look of this gallery can be completely modified. Zoom in and zoom out buttons (maximize / minimize) for the big images this buttons allow to maximize the image and pann it with the mouse on desktop and finger on mobile, this feature can be really useful! (optional). Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop the slideshow with the space key. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).The image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter what device is used or the screen resolution, the text will always be visible, if there is too much text on pc a scrollbar will appear and on mobile the text can be scrolled with the finger.

More Details

19. Canvas Slider - jQuery Canvas Effect Slider

featured image

Canvas Slider is a jQuery banner rotator script plugin with animation effects, animated captions, responsive layout, and

This slider includes a smooth animation effect created using HTML5 Canvas which is completely configurable

and compatible with all major browsers (including IE, Firefox Chrome, Opera, and Safari)

The slider also work well in older browsers with fade transition.

More Details

20. Versatile Touch Slider

featured image

Ajax Content (Should be tested with server);

Video and Audio with HTML5 support.code changes for compatibility with jQuery 1.added example with CSS3 animation.

More Details